﻿<%@ Page Title="" Language="C#" MasterPageFile="~/main.Master" AutoEventWireup="true"
    CodeBehind="Home.aspx.cs" Inherits="WebBanHang.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/jquery.lightbox-0.5.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            $('.gallery a').lightBox();
        });
    </script>

    <style type="text/css">
        .gallery
        {
            background-color: #444;
            padding: 10px; 
            width: auto; 
        }
        
        .gallery ul
        {
            list-style: none;
        }
        
        .gallery ul li
        {
            display: inline;
        }
        
        .gallery ul img
        {
            border: 5px solid #3e3e3e;
            border-width: 5px 5px 20px;
        }
        
        .gallery ul a:hover img
        {
            border: 5px solid #fff;
            border-width: 5px 5px 20px;
            color: #fff;
        }
        
        .gallery ul a:hover
        {
            color: #fff;
        }
        img
        {
            width:300px;
            height:150px;
        }
        
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.countdown-simple {
  font-size: 20px;
  background: #333;
  border-radius: 0.5em;
  padding: 0.5em 0.7em;
  color: #e9e9e9;
}

.countdown-styled div {
  display: inline-block;
  margin: 0 5px;
  font-size: 30px;
  font-weight: 100;
  line-height: 1;
  text-align: right;

  /* IE7 inline-block hack */
  *display: inline;
  *zoom: 1;
}

.countdown-styled div:first-child {
  margin-left: 0;
}

.countdown-styled div:last-child {
  margin-right: 0;
}

.countdown-styled div span {
  display: block;
  border-top: 1px solid #cecece;
  padding-top: 3px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
}
.comments-list {
	padding: 0;
}
        .auto-style1
        {
            width: 100px;
            height: 83px;
        } 
        .clearfix
        {
            width: 351px;
        }
        
        .style39
        {
            width: 371px;
        }
        .style40
        {
            width: 224px;
        }
        
    </style>   
    <script src="../js/jquery.countdown.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var endDate = '<% =Datestring %>';
            $('.countdown-simple').countdown({ date: endDate });
            $('.countdown-styled').countdown({
                date: endDate,
                render: function (data) {
                    var el = $(this.el);
                    el.empty()
              .append("<div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div>")
              .append("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div>")
              .append("<div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
                }
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div>
        <table class="style19" align="center">
            <tr>
                <td>
                    <asp:DataList ID="dlDeal" runat="server" RepeatColumns="2" CellPadding="4" BackColor="White"
                        BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" GridLines="Both" Width="712px">
                        <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
                        <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />
                        <ItemStyle BackColor="White" ForeColor="#003399" />
                        <ItemTemplate>
                           <div class="gallery" style="width: 300px">
                                            <asp:HyperLink ID="HyperLink16" runat="server" 
                                                ImageUrl='<%# Eval("HinhAnh") %>' NavigateUrl='<%# Eval("HinhAnh")%>'>HyperLink</asp:HyperLink>
                                        </div>
                            <table>
                                <tr>
                                    <td colspan="2" align="center">
                                       
                                        <asp:HyperLink ID="HyperLink17" runat="server" 
                                            NavigateUrl='<%# "ProductDetail.aspx?ID="+Eval("MaDeal") %>' 
                                            Text='<%# Eval("TenDeal") %>'></asp:HyperLink>
                                       
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style40">
                                        Giá mới:
                                    </td>
                                    <td class="style39">
                                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("GiaBan") %>'></asp:Label>
                                        &nbsp;vnđ
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style34">
                                        Giá cũ:
                                    </td>
                                    <td class="style39">
                                        <asp:Label ID="Label3" runat="server" Font-Overline="False" Font-Strikeout="True"
                                            Text='<%# Eval("GiaGoc") %>' Style="color: #000000"></asp:Label>
                                        &nbsp;<span class="style36">vnđ</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style33" colspan="2">
                                        <asp:Label ID="Label4" runat="server" Text='<%# Eval("MoTa") %>'></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style40">
                                        Thời gian còn lại :
                                    </td>
                                    <td class="style39">
                                        <div class="countdown-styled clearfix">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        
                        </ItemTemplate>
                        <SelectedItemStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
                    </asp:DataList>
                </td>
            </tr>
        </table>
    </div>
    <br />
</asp:Content>
